<h3 class="hd hd-2 problem-header">Problem Header</h3>

<div class='problem-progress'></div>

<div class="problem">
  <p>${_("Problem Content")}</p>

  <div class="action">
    <input type="hidden" name="problem_id" value="1">

    <input type="text" name="input_example_1" id="input_example_1" value="" class="math" />
    <span id="display_example_1"></span>
    <span id="input_example_1_dynamath"></span>

    <div class="problem-action-buttons-wrapper">
      <span class="problem-action-button-wrapper">
        <button class="reset btn-default btn-small">Reset</button>
      </span>
      <span class="problem-action-button-wrapper">
        <button class="save btn-default btn-small">Save</button>
      </span>
      <span class="problem-action-button-wrapper">
        <button class="show btn-default btn-small"><span class="show-label">Show Answer(s)</span> <span class="sr">(for question(s) above - adjacent to each field)</span></button>
      </span>
    </div>
    <button class="submit btn-brand" data-submitting="Submitting" data-value="Submit" data-should-enable-submit-button="True"><span class="submit-label">Submit</span><span class="sr"> your answer</span></button>

    <a href="/courseware/6.002_Spring_2012/${ explain }" class="new-page">Explanation</a>
    <div class="submission-feedback"></div>
  </div>

  <div class="notification warning notification-gentle-alert is-hidden" tabindex="-1">
    <span class="icon fa fa-exclamation-circle" aria-hidden="true"></span>
    <span class="notification-message" aria-describedby="title">
    </span>
    <div class="notification-btn-wrapper">
        <button class="btn btn-default btn-small notification-btn review-btn sr">Review</button>
    </div>
  </div>
</div>
